{extend name="user_base" /} {block name="seo"}
<title>安全绑定 - {$site_config['seo_title']}</title>
<meta name="keywords" content="{$site_config['seo_keyword']}">
<meta name="description" content="{$site_config['seo_description']}">
{/block}
{block name="css"}
{/block}
{block name="body"}
<div class="page page-current" id="bind">
    <header id="header" class="clearfix theader baise">
        <a href="#" class="back iconfont icon-fanhui"></a>
        <h3 class="titlea">安全绑定</h3>
    </header>
    <!-- 这里是页面内容区 -->
    <div class="content">
        <ul class="bind-list">
            <li class="clearfix">
                <img src="__HOME__/images/qq.png">
                {if $qqcontent}
                <span class="qq_nick">{$qqcontent.nickname}</span>
                <i data-type="qq" data-user="{$qqcontent.nickname}">更换绑定</i>
                {else /}
                <span>暂未绑定</span>
                <i data-type="qq" data-user="">绑定</i>
                {/if}
            </li>
            <li class="clearfix">
                <img src="__HOME__/images/mail.png">
                {if $user.email}
                <span>{$user.email}</span>
                <i data-type="mail" data-user="{$user.email}">解绑</i>
                {else /}
                <span>暂未绑定</span>
                <i data-type="mail" data-user="">绑定</i>
                {/if}
            </li>
            <li class="clearfix">
                <img src="__HOME__/images/phone.png">
                {if $user.mobile}
                <span>{$user.mobile}</span>
                <i data-type="phone" data-user="{$user.mobile}">解绑</i>
                {else /}
                <span>暂未绑定</span>
                <i data-type="phone" data-user="">绑定</i>
                {/if}
            </li>
        </ul>
    </div>
    <!--解绑弹出区-->
    <div class="popup popup-phone">
        <div class="content-block">
            <div class="content">
                <form class="list-block" id="phone_form">
                    <ul>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">
                                    <div class="item-input">
                                        <input type="text"  autocomplete="off" name="mobile"
                                               placeholder="输入您的手机号码">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-name"></i></div>
                                <div class="item-inner">

                                    <div class="item-input">
                                        <input type="text" maxlength="4" autocomplete="off" name="captcha"
                                               placeholder="4位图形验证码">
                                    </div>
                                    <div class="item-title label">
                                        <img class="imgcode" src="/index/page/captcha.html?'+Math.random();"
                                             title="点击可刷新验证码"
                                             onclick="this.src='/index/page/captcha.html?'+Math.random();"
                                             style="width: 100%">
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <div class="item-content">
                                <div class="item-media"><i class="icon icon-form-email"></i></div>
                                <div class="item-inner">
                                    <div class="item-input">
                                        <input type="email" maxlength="6" name="mobile_code" autocomplete="off"
                                               placeholder="6位验证码">
                                    </div>
                                    <div class="item-title label">
                                        <a href="#" id="send_code" class="button  ">发送验证码 </a>
                                    </div>
                                </div>
                            </div>
                        </li>

                    </ul>
                </form>
                <div class="content-block">
                    <div class="row">
                        <div class="col-50"><a href="#" class="button button-big button-fill button-danger close-popup">取消</a>
                        </div>
                        <div class="col-50"><a href="#"
                                               class="button button-big button-fill button-success btn_over">提交</a>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>
{/block}